<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/fa/css/all.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    　
</head>

<body>
<div class="header wow slideInDown clearfix">
    <div class="w">
        <a class="" href=""><img class="logo" src="img/index/logo.png" alt=""></a>
        <!--            移动端-->
        <div class="box">
            <div class="line">
            
            </div>
            <div class="line">
            
            </div>
            <div class="line">
            
            </div>
        </div>
        <!--桌面端-->
        <ul class="nav">
            <li class="nav-item">
                <a href="index.html">首页</a>
                <div class="line"></div>
            </li>
            <li class="nav-item">
                <a href="wedding.html">婚纱礼服</a>
                <div class="line"></div>
            </li>
            <li class="nav-item">
                <a href="Jewelry.html">珠宝配饰</a>
                <div class="line"></div>
            </li>
            <li class="nav-item">
                <a href="latest.html">最新活动</a>
                <div class="line"></div>
            </li>
            <li class="nav-item">
                <a href="about.html">关于我们</a>
                <div class="line"></div>
            </li>
        </ul>
    
    </div>
</div>
<div class="banner">
    <div class="w clearfix swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a class="more-nav" href="#">
                    <img class="more" src="img/index/banner-more.png" alt="">
                </a>
                <img src="img/index/banner1.png" alt="">
            </div>
            <div class="swiper-slide">
                <a class="more-nav" href="#">
                    <img class="more" src="img/index/banner-more.png" alt="">
                </a>
                
                <img src="img/index/banner1.png" alt="">
            </div>
            <div class="swiper-slide">
                <a class="more-nav" href="#">
                    <img class="more" src="img/index/banner-more.png" alt="">
                </a>
                
                <img src="img/index/banner1.png" alt="">
            </div>
        
        </div>
        <div class="swiper-pagination">
        
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    
    
    </div>
    <!--        <a class="arrow arrow-left clearfix" href="#">
                <img class="arrow-left-img" src="img/index/arrow-left.png" alt="">
            </a>
            <a class="arrow arrow-right clearfix" href="#">
                <img class="arrow-right-img" src="img/index/arrow-right.png" alt="">
            </a>-->
    <!--        <div class="dot">
                <a href="#" class="dot-item"></a>
                <a href="#" class="dot-item"></a>
            </div>-->
</div>

<div class="dress">
    <div class="w">
        <h2 class="wow fadeInUp">婚纱礼服</h2>
        <h3 class=" wow fadeInUp">Wedding Dress</h3>
        <ul class="nav-list clearfix  wow fadeInUp">
            <li class="nav-item"><a href="#">新品/NEW</a></li>
            <li class="nav-item"><a href="#">2018春夏</a></li>
            <li class="nav-item"><a href="#">2018秋冬</a></li>
            <li class="nav-item"><a href="#">专属定制</a></li>
        
        </ul>
        <ul class="dress-list clearfix">
            <li class="dress-item wow fadeInUp">
                <a href="#">
                    <div class="xxx clearfix">
                        <h2>HER STYLE / 一字肩拖尾主纱</h2>
                        <p>$5389.00</p>
                        <p>白色 / M / VK2531</p>
                    </div>
                </a>
            </li>
            <li class="dress-item wow fadeInUp">
                <a href="#" class="xxx clearfix">
                    <h2>HER STYLE / 一字肩拖尾主纱</h2>
                    <p>$5389.00</p>
                    <p>白色 / M / VK2531</p>
                </a>
            </li>
            <li class="dress-item wow fadeInUp">
                <a href="#">
                    <div class="xxx clearfix">
                        <h2>HER STYLE / 一字肩拖尾主纱</h2>
                        <p>$5389.00</p>
                        <p>白色 / M / VK2531</p>
                    </div>
                </a>
            </li>
            <li class="dress-item wow fadeInUp">
                <a href="#">
                    <div class="xxx clearfix">
                        <h2>HER STYLE / 一字肩拖尾主纱</h2>
                        <p>$5389.00</p>
                        <p>白色 / M / VK2531</p>
                    </div>
                </a>
            </li>
        </ul>
        <a href="#" class="button">MORE</a>
    </div>
</div>
<div class="jew">
    <div class="w clearfix">
        <h2 class=" wow fadeInUp">珠宝配饰</h2>
        <h3 class=" wow fadeInUp">Jewelry Show</h3>
        <ul class="jew-list clearfix">
            <li class="jew-item  wow fadeInUp">
                <a class="clearfix" href="#">
                    <div class="xxx clearfix">
                        <h2>传世之作，经典重现</h2>
                        <p>维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </a>
            </li>
            <li class="jew-item wow fadeInUp">
                <a class="clearfix" href="#">
                    <div class="xxx clearfix">
                        <h2>传世之作，经典重现</h2>
                        <p>维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </a>
            </li>
            <li class="jew-item wow fadeInUp">
                <a class="clearfix" href="#">
                    <div class="xxx clearfix">
                        <h2>传世之作，经典重现</h2>
                        <p>维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </a>
            </li>
            <li class="jew-item  wow fadeInUp">
                <a class="clearfix" href="#">
                    <div class="xxx clearfix">
                        <h2>传世之作，经典重现</h2>
                        <p>维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </a>
            </li>
        
        </ul>
        <a href="#" class="button  wow fadeInUp">MORE</a>
    </div>
</div>
<div class="latest">
    <div class="w">
        <h2 class=" wow fadeInUp">最新活动</h2>
        <h3 class=" wow fadeInUp">Latest Activities</h3>
        <ul class="latest-list clearfix">
            <li class="latest-item clearfix  wow fadeInUp">
                <div class="latest-item-wrapper">
                    <p class="data">
                        <span class="month">06-18</span>
                        <span class="year">2018</span>
                    </p>
                    <p class="title">新品发布会</p>
                    <p class="desc">伴随着T台两侧色彩趋势报告的发布，
                        VERONICA2017婚纱新品发布会正...</p>
                    <a href="#" class="icon">
                        <span class="more">MORE</span>
                        <i class="fa fa-angle-right"></i>
                    </a>
                </div>
            </li>
            <li class="latest-item wow fadeInUp">
                <div class="line"></div>
            </li>
            <li class="latest-item clearfix wow fadeInUp">
                <div class="latest-item-wrapper">
                    <p class="data">
                        <span class="month">06-18</span>
                        <span class="year">2018</span>
                    </p>
                    <p class="title">新品发布会</p>
                    <p class="desc">伴随着T台两侧色彩趋势报告的发布，
                        VERONICA2017婚纱新品发布会正...</p>
                    <a href="#" class="icon">
                        <span class="more">MORE</span>
                        <i class="fa fa-angle-right"></i>
                    </a>
                </div>
            </li>
            <li class="latest-item clearfix wow fadeInUp">
                <div class="latest-item-wrapper">
                    <p class="data">
                        <span class="month">06-18</span>
                        <span class="year">2018</span>
                    </p>
                    <p class="title">新品发布会</p>
                    <p class="desc">伴随着T台两侧色彩趋势报告的发布，
                        VERONICA2017婚纱新品发布会正...</p>
                    <a href="#" class="icon">
                        <span class="more">MORE</span>
                        <i class="fa fa-angle-right"></i>
                    </a>
                </div>
            </li>
        </ul>
        <a href="#" class="button  wow fadeInUp">MORE</a>
    </div>
</div>
<div class="design">
    <div class="w clearfix">
        <h2 class=" wow fadeInUp">设计师</h2>
        <h3 class=" wow fadeInUp">Designers</h3>
        <ul class="design-list clearfix">
            <li class="design-item wow fadeInUp">
                <img src="img/index/design1.png" alt="">
                <p class="name">颜澈</p>
                <p class="kind">资深设计师</p>
                <p class="desc">设计界的“设计鬼才”从题材到表现方式都引起了极大
                    的福布斯中国最具潜力，每一个产品都是我们精...
                </p>
                <a href="designer.html" class="more">MORE</a>
                <p class="line"></p>
            </li>
            <li class="design-item wow fadeInUp">
                <img src="img/index/design1.png" alt="">
                <p class="name">颜澈</p>
                <p class="kind">资深设计师</p>
                <p class="desc">设计界的“设计鬼才”从题材到表现方式都引起了极大
                    的福布斯中国最具潜力，每一个产品都是我们精...
                </p>
                <a href="designer.html" class="more">MORE</a>
                <p class="line"></p>
            </li>
            <li class="design-item wow fadeInUp">
                <img src="img/index/design1.png" alt="">
                <p class="name">颜澈</p>
                <p class="kind">资深设计师</p>
                <p class="desc">设计界的“设计鬼才”从题材到表现方式都引起了极大
                    的福布斯中国最具潜力，每一个产品都是我们精...
                </p>
                <a href="designer.html" class="more">MORE</a>
                <p class="line"></p>
            </li>
        </ul>
    </div>
</div>
<div class="footer wow fadeInUp">
    <div class="w clearfix">
        <ul class="footer-l">
            <li class="footer-l-item">网站备案号：豫ICP备110121210号</li>
            <li class="footer-l-item">增值电信业务经营许可证号：豫B2-20100033</li>
        </ul>
        <ul class="footer-r clearfix">
            <li class="footer-r-item">
                <img src="img/index/商标.png" alt="">
            </li>
            <li class="footer-r-item">
                <a href="#">2018 VERONICA</a>
            </li>
            <li class="footer-r-item">
                <a href="#">联系我们</a>
            </li>
            <li class="footer-r-item">
                <a href="#">加入我们</a>
            </li>
        </ul>
    </div>
</div>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/common.js"></script>
<!--<script src="js/wow.min.js"></script>
<script>
    new WOW().init();
</script>-->
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 'auto',
        spaceBetween: 30,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        loop: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },// 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },

    });

</script>


</body>

</html>